/*! Recomendaciones generales: 
    Crear fragmentos de código debidamente comentados de tal manera que se puedan
    trasladar por bloques a la hoja main.less, al momento de trasladarlos poner el respectivo
    capítulo en el ÍNDICE. Lo mismo para las variables y mixins, estos pueden crearse en este
    archivo .less pero deberá ser trasladado a los respectivos vars.less y mixins.less*/

    /* 1. Variables less */

    @import "vars.less";
    @import "mixins.less";
    


/*@media (max-width: 992px) {  



 
.cont_primerheader {

    .redesFlotantes li {
        display: inline-block;
        width: 22px;
        position: relative;
        top: 3px;
        margin-right: 3px; 
        
    }   

    .buscadorHeader .ms-srch-sb > .ms-srch-sb-searchLink {
        height: 34px;
        width: 28px;
        position: absolute;
        right: 5px;
        top: -2px;    
        
    }     

   .redesFlotantes ul.cont_redesFlotantes .cont_iconoRedes a svg {
      height: 25px;
      
   }
}

}   */ 








    @media (min-width: 641px) and (max-width: 999px) { 

/**********************************AJUSTE TRAPARENCIA****************************************/

#contenidoTransparencia{ 
    .calificacion .rating {
        width: 100% !important;
        padding: 0px !important;
    }
    .contBtnRedesVertical {
        width: 100%;
        position: relative;
        right: 0px;
        top: 0px;
        display: inline-block;

        a {
            display: inline-block;
        }
    }
}

 /*******************************ENCABEZADO PORTAL NIÑOS*********************************/

 .headerAbsolute {

    .superContHeader {
        .contHeaderLogos {
            .contLogoMenu {
                .logoFogacoop {
                    img {    
                         margin-bottom: 26px !important;     
                        }
                }
            }
        }
    }
 }

    /********************************************************************************/
    /*******************************ENCABEZADO*********************************/
    /********************************************************************************/

    .container-fluid.superContHeader .contHeaderLogos {
    height: auto;
    /* padding: 0; */
}
    .container-fluid.superContHeader {
        .contHeaderLogos {
        	padding-left: 15px;
   			 padding-right: 15px;

            .contLogoMenu {       

            .logoFogacoop{
                margin-bottom: 30px;  
                margin-top: 19px; 
            	 img {
				    width: auto; 
				    margin-top: -18px;      
				    height: 48px;
                    margin-bottom: 0px;
                    margin-left: 15px; 
				} 

				/*a {
				    padding: 0px;
				}*/

            } 

            .minhaciendaLogo img {                
                margin-top: 19px; 
                height: 49px;   
                            
            }   
             
				.miniMenuH {
				    display: inline-block;
				    margin-top: 18px;    
				    margin-bottom: 20px;		 		    
                    padding-left:0px;
                    position: absolute;

                    li {                        
                        padding-right: 7px;  
                        a {
                            font-size: 16px;
                        }                       
                    }
				}
				         

                .miniMenuH ul {
                    display: inline-block;
                    padding-left: 39px !important;
                    position: relative;
                }
            } 

            .logosGobierno #imgMinHacienda {
                width: 157px;
                height: 41px;
                
            }
            .logosGobierno #imgLemaGov {
               /*width: 122px;*/                                       
            }   
        }
                  
    }  

    .container-fluid.nopaddin.superContHeader {
        padding-right: 15px !important;
        padding-left: 15px !important;
    } 

/*******************************ENCABEZADO portalNIÑOS*********************************/
    .headerAbsolute {
        .superContHeader {
            .contHeaderLogos {
                .contLogoMenu {
                    .logoFogacoop {
                        img {
                            margin-bottom: 26px !important; 
                            margin-top: 8px; 
                            height: 38px;     
                        }  
                    }    
                }

                 
            }
        }
    }

    /********************************************************************************/
    /*******************************ENCABEZADO seguro para SU AHORRO*********************************/
    /********************************************************************************/
    header#seguroparasuahorro{

    	/*.logo-seguro a img#imgseguro {
		    margin-top: 7px;
		    margin-bottom: 7px;
		    width: 226px;
		    display: inline-block;
		    float: left;
		    margin-right: 27px;
		}*/  

  
    		.logo-seguro{
                width: 62.666667%;
                float:left;                

                 a img {            
                    margin-top: 40px;     
                    height: 36px;   
                    margin-right: 20px;    
                }

                img#imgLemaGov {                   
                    height: 92px !important;  
                    
                }  
            }

    		.logoFogacoop {
                width: 37%;
                float: left; 
                img {                      
                  margin-top: 40px;
                  height: 48px;     
                }  
            }

            .logoFogacoop span {
            font-size: 14px;
           }
           .cont_primerheader .redesFlotantes ul.cont_redesFlotantes li {
            width: 30px;
            position: relative;
            top: 3px;
            margin-right: 5px;
        }

    }


    section.contenidoAccesosSA {
    background: #f2f2f2;
    margin-top: 0px;
}

    /*******************************ACCESOS seguro para SU AHORRO*********************************/




/**************PORTATL NIÑOS****************/
.contFooter2 .colInfeOne #ulInferiorN p {
    font-size: 12px !important;  
}

.contFooter1 {
    .logoGovPortalninos {
        width: 100%;
        margin: 0 auto;
        padding: 30px 0px 10px 0px;
        
    }  
    
}

  
/**************PORTATL NIÑOS**************/ 

 
    /* Footer Seguro para su ahorro*/
    footer#seguroparasuahorroFooter .contFooter2 .colInfeOne #ulInferiorN p{
        font-size: 12px;
    }

    footer#seguroparasuahorroFooter .contFooter2 .colInfeTwo .contardoV{
        font-size: 14px; 
    }

    footer#seguroparasuahorroFooter .contFooter2{
        margin-top: 40px !important;  
    }

    footer#seguroparasuahorroFooter img#imgLemaGov {
        width:  100%;
        height:  auto;
    }

    footer#seguroparasuahorroFooter .logosGobierno img {
        width: 320px;
        height: 68px;     
    }


    /* Footer Seguro para su ahorro*/

    /* Seguro para su ahorro */   

    .seguroAhorro {
        background-color:  transparent !important;
    }

    .videoSeguro {
        margin-top:  35px;
    }

    .videoSeguro iframe {
        height: 400px;
    }
    /* Seguro para su ahorro */
    /* Foro */
    .listadoForo{
        .superContForo { 
            .foros {
                .ms-comm-refreshIcon-a {
                    margin-top: -30px; 
                }
            }
        }
    }
    /* Foro */
    /* Portal Niños */
    .portalNmenu{
        .contHeaderLogos { 
             .b_accesibilidad{ 
                display: none;
            }
        }
    }

      .menuPUlLi{
        opacity: 0.98 !important;
        #menuGeneralSharepoint {
             li.dropdown.open {
                a{
                    background-color: transparent !important;
                }
            }
            li.dropdown{
                padding-left: 30px !important; 
            }
        }

        .input-group {
            margin-top:  30px;
            position: relative;
        }

        .contBtnRedes.btn-redes-ninos {
            margin-bottom:  30px;
            float:  left;
            width:  100% !important;
            padding:  0px;
        }

        .ms-tableCell.ms-verticalAlignTop {width:  100%;}

        .menuPUlLi {
            opacity: 0.95 !important;
        }

        .contBtnRedes.btn-redes-ninos .fb-like.fb_iframe_widget {
            left:  0;
            top: -5px;
            width: 76px !important;
            margin-left:  18%; 
        }

        .contBtnRedes.btn-redes-ninos .facebookShareButton {margin-left:  25%;}

        div#SearchBox {
            bottom:  0px;
            left:  0;
            width: 98%;
        }
    } 

    .sliderprincipalNinos .contImg .contText h2 {
        color: #143D8C !important;
    }

    .sliderprincipalNinos.seguroAhorro{ 
        .owl-dots {
                bottom: 75px;
            }

        .contReproductor {
            bottom: 75px; 
        }
    }

    #pagecontent .sliderprincipalNinos{
        .owl-dots {
                bottom: 200px;
            }

        .contReproductor {
            bottom: 200px; 
        }
    }


    .seccionGirl {
        height: auto;
        padding-bottom: 20px !important;
        .grillaInfo {
            width: 48% !important;
            height: auto !important;
            margin-left: 2%;
            margin-bottom: 30px;
            .ms-rtestate-field{
                padding-bottom: 50px;
            }
        }

        .grillaInfoOculto {
            width: 50% !important;
            height: auto !important;
        }

        .contImgNina {
            height: auto !important; 
            background-color: transparent;
        }
    }

    .seccionPeople {
        .textPeople {
            min-height: 150px;
        }

        .iconosPeople ul li {
            display: inline-block;
            width: 33%;
        }

        .iconosPeople .item {
            padding-right: 0px !important;
        }

        .iconosPeople{
                margin-bottom: 30px;
        }
    }
    /* Portal Niños */

    #contCooInscritas{
        .contUlFAQ{
            overflow: hidden;
            overflow-x: scroll;    
        } 
    } 

    /* Comentarios */
    .box-authenticate .box-login a span.registrar {
        margin-top: 10px;
        padding: 9px 40px;
    }
    /* Comentarios */

    /* Estrellas Redes */
        .fb-like.fb_iframe_widget span {
        padding-left: 10px;  
        padding-top: 10px;
    }
    /* Estrellas Redes */

        /*Mapa Cooperativas*/
            #mapacooperativas{ 
                #map-canvas-todas{
                    width: 100% !important;
                }
            } 
            /*Mapa Cooperativas*/
    /*------------General -----------------------*/
         #menucont_cont.container {
                width: 100%;
                /*PADDING: 0px;*/
                .pegecontent{
                    div:nth-child(2){ 
                            
                    }
                }
            }

        .breadcrumb span a:first-child::after { 
             left: 29px;
       }

       .breadcrumb {
        padding: 0px 50px;    
      }

      .container.contentbreadcrumb {
            width: 100%;
            padding: 0px;   
        }
    /*------------/Genral -----------------------*/
        #contentAccesos::before {
            left: 10px !important;
            bottom: 0px !important;
    }
                    

        /* Contenido de Paginas*/
        section.contSinImgSinMenu{

             h1 {
                margin-left: 0px;
            }

        .contentInfo {
                padding-right: 0px;
            }
            .contMision{
                .col-md-8{
                    div{
                        margin-top: 0px !important;
                    }

                    ul{
                        margin-top: 0px !important; 
                    }
                }
            }
        }
        /* Contenido de Paginas*/
             
        /* contenidomenuizquieda */
        .calificacion{
            margin-top: 0px !important;
            margin-bottom: 40px !important; 
            .rating{
                width: 91%;
            }

            .contBtnRedes{
                width: 9%;
            }
        } 
        /* contenidomenuizquieda */

       


    /********************************************************************************/
    /*******************************ENCABEZADO*********************************/
    /********************************************************************************/
    .container-fluid.superContHeader {
        .contHeaderLogos {
            .contLogoMenu {              

                .miniMenuH ul {
                    display: inline-block;
                    padding-left: 0px !important;
                }
            }   

            .logosGobierno #imgMinHacienda {
                /*width: 157px;
                height: 41px;*/   
                
            }     
            .logosGobierno #imgLemaGov {
               /*width: 122px;*/                                       
            }
        }  
    }  
  

    /********************************************************************************/
    /*******************************SERVICIOS ACCESOS RAPIDOS*********************************/
    /********************************************************************************/

    section.accesosRapidos{
    
    .cont_acceRapidos {
        li {
            
        .cont_icono {
            svg {
                width: 112px !important;
                display: block;
                margin: 0 auto;
            }
        }

        .cont_titulo a {
            font-size: 19px;
            color: #323232;
            font-family: ubuntumedium;
            }
        }        
    }     
}

   


  

    /********************************************************************************/
    /*******************************WidgetNoticias  *********************************/ 
    /********************************************************************************/
    section#noticias{

        .cont_NotiBole {
            width: 100% !important; 
        }

        .WidgetNoticias {

            .imagennoti {
                width: 278px;              
                
                img {
                    width: 100%;
                }  
            }

            .contBtnRedes {
                position: relative;
                width: 100%;
                top: 0;
                margin-top: 10px;
               left: 0;
            }

            .ver {
             /* width: 45%; */
              width: 51%;
            position: relative;
            left: -71px; 

              .btn-go {                    
                    padding: 0px;                    
                }
            }

            .titulonoti p.resumenoti{
               /* max-height: 45px;
                overflow: hidden;
                padding-right: 10px; */  
                    width: 84%;
            }

            .titulonoti h3{
                padding-right: 10px;
            }


        }  
  }



/********************************************************************************/
/*******************************WidgetBoletin  *********************************/ 
/********************************************************************************/

    section#noticias{
    
    .WidgetBoletin {
        padding-left: 44px;        
    }

    .contBtnRedes {
        position: relative;
        width: 100%;
        top: 0;
        margin-top: 10px;
        left: 0;
    }
    .noti {  
        position: relative;
        float: left;
        width: 100%; 
    }

    .imagenBoletin {
        width: 98px;
        
    }
   

    .WidgetBoletin .ver {
    
    width: 65%;
    
}

    .WidgetBoletin .ver .btn-go {
        
        padding:0 !important; 
       
    }
}

   
   

    /**************************Eventos*************************/

    .contEventos {
        float: none;
        padding: 18px 21px 0px;
        margin-top: 40px; 
    }

    .contEventos .contBtnEventos {
        margin-top: 35px;
        text-align: right;
        position: relative;
    }

    .contEventos .contEvento {    
        padding-bottom: 16px;  
        margin-top: 14px;
    }

    /*----------------------------------Multimedia-------------------------------*/
    .contmultimedia {
        padding-left: 0px;
    }


    section#multimedia .ms-rtestate-field h2 {
        margin: 28px 0px 19px 0px;
    }

    div#contIntRedes .nav>li>a {
        position: relative;
        display: block;
        padding: 4px 5px;
        font-size: 24px;
        top: 14px;
        margin-right: -24px;
    }

    #contRedes .nav-tabs .active a {
        font-size: 24px;
        top: 13px;
        margin-right: -4px;
    }

    #contRedes .nav-tabs li {
        margin-bottom: 12px;
    }


    section#multimedia .WidgetImagenes {
        padding: 0px;
        margin: 46px 0px 0px 0px;
        padding-left: 0px;
    }

    section#multimedia .verListaalbums {   
        margin: 14px 0px 25px 0px;
    }

    section#multimedia .verListaVideos {   
        display:none;
    }

    section#multimedia #Audio {
        padding-left: 0px !important;
    }

    #contRedes .visiblet {
        display: block;
    }

    .visibled {
        display: none;
    }

    .visiblet iframe{
        width: 340px;
        height: 690px;
    }


     .con_gal {
        width: 100%;
    }


    .cont_vid {
        width: 100%;
    }

    .Event-Rside{
         width: 100%;
    }

    /*----------------------------------Accesos de interes-------------------------------*/

    section#AccesosInteres {
        background: linear-gradient(to right, @gray 63.666667%, @gray 56.666666%, @gray 100%);
        
    }


    section#AccesosInteres  h2 {
           margin: 25px 0 20px 0;
        
    }



    #contentAccesos li:nth-child(even) {
        margin-right: 0px !important;
    }

    section#AccesosInteres #contentAccesos .ItemListAccesos .contentIcon {
        width: 19%;  
    }



    section#AccesosInteres #contentAccesos li.dfwp-item {
        margin-bottom: 3%;
        list-style: none;
        width: 47%;
        display: inline-block;
        vertical-align: top;
        margin-right: 6%;
    }

    section#AccesosInteres #contentAccesos .ItemListAccesos .contentInfo h3 {  
        margin-top: 0px;
    }


    .container.accesosinteres {
        padding: 0px;
        width: 100%;
        margin-top: 40px;
    }

    .customcontainer {
       width: 750px;
       margin: auto !important;
       float: none;
       padding: 0px 40px;
    }




    /*--------------------------------slider Gobiermo-------------------------------*/

    #sliderLogosGobierno {
        margin-top: -25px ! important;
        padding: 0 ! important;
    }
    #sliderLogosGobierno .owl-nav div {   
        width: 16px;    
    }

    #sliderLogosGobierno .glyphicon-menu-left {
       /* font-size: 29px;*/
        left: -21px;
    }

    /*--------------------------------Tramites en linea-------------------------------*/

    section#AccesosInteres #contenttramites li.dfwp-item {
        width: 32.4%;
        border-bottom: solid 0px #e6e6e6;
    }

    section#AccesosInteres #contenttramites .ItemListTramites .contentIcon {
        width: 47%;
        margin-right: 0%;
        height: 90px;
        max-height: 90px;
    }

    section#AccesosInteres #contenttramites .ItemListTramites {
        height: 150px;
        text-align: center !important;
        padding: 28px 0px 0px 0px;
    }

    section#AccesosInteres #contenttramites .ItemListTramites .contentIcon img {  
        height: 87px;
    }

    section#AccesosInteres #contenttramites .ItemListTramites .contentInfo p {
        display: none;   
    }


    section#AccesosInteres #contenttramites .ItemListTramites .contentInfo h3 {   
        text-align: center; 
    }

    section#AccesosInteres #contenttramites { 
        height: 220px;  
        margin: 58px  17px  0px 14px;
        padding: 0px 0px 0px 0px;   
    }


    section#AccesosInteres .listTramiteEnLinea  h2 {   
        text-align: center;
       
    }

    #CanalesAtencion {
 
        .Itemcanalesatencion {        
            margin-left: 0px;
        }

        p {    
            text-align: center;   
        }


    }

    #CanalesAtencion li.dfwp-item:last-child p {    
        margin-bottom: 0px;
    }


    .tramites {
       margin-bottom: 19px !important;
    }

    /*--------------------------------Footer-------------------------------*/
   footer {

    .menufooter {
      height: auto;

       ul#enlacesFooter {   
            text-align: center;
            padding: 0px;
        }
    }

    .lastAct {
    height: auto; 
    text-align: center;
    }

   }

    footer .contentContacto {    
        margin-bottom: 32px;
    }

    footer .inferior { 
        text-align: center;  
        padding-bottom: 5px;    
    }

    footer .inferior .contactos p {
        color: @fblue;
        font-size: 14px;
        font-family: 'ubunturegular';
        margin: 0 0 0px;
        width: 100%;
        text-align: center;
    }

    ul#contactoFooter li:last-child {
        margin-bottom: 19px;
    }

    select.form-control.navega {   
        width: 35%;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 31px;
        margin-top: 27px;
    } 

    .navegar {
        margin-bottom: 37px;
    }


    section#AccesosInteres .listTramiteEnLinea {
        background: @colorWhite !important;
        height: 469px;
        width: 100%;
    }

    footer .derecha {
        font-size: 16px;
        line-height: 1.75;
        text-align: center;
        color: #666666;
         padding: 0px 0px 0px 0px; 
    }
            
    footer .izquierda {  
        width: 100%; 
		margin: 0 auto;   
		padding: 30px 0px 10px 0px;

		img{
			margin: 0 auto;
		}
     }
        
       

       footer .izquierda ul {
        text-align: center;
        padding: 10px;
    }

        footer  ul {
            text-align: center;
            padding: 10px;
        }

        
        /*/----------------------detalle Noticias-------------------------------*/
            section#contenidonoticia .contBtnRedes {
                 margin-top:0px;
                width: 100%;
                position: absolute;
                left: 0;
            }

            .calificacion {
                margin-bottom:25px;
                padding-top: 35px;
                .rating {
                    width: 88% !important; 
                }

                .contBtnRedes { 
                    width: 12% !important;
                }
            }

            section#contenidonoticia .contBtnRedes .face {
                border: 1px solid #143d8d;
                border-radius: 61%;
                font-size: 32px;
                padding: 7px;
                color: #143d8d;
                margin: 2px;
                width: 49px;
                height: 46px;
                text-align: center;
            }

            section#contenidonoticia .contBtnRedes .tweet {
                border: 1px solid #143d8d;
                border-radius: 61%;
                font-size: 32px;
                padding: 7px;
                color: #143d8d;
                margin: 2px;
                width: 49px;
                height: 46px;
                text-align: center;
            }
            
            .leyendaimgen .ms-rtestate-field p, .leyendaimgen p.ms-rteElement-P {
                margin: 0px 0px 10px 0px;
                line-height: 1.6;
                font-family: 'ubunturegular';
                font-size: 13px;
                padding-top: 10px;
            }

            /****************************************************************************************/
            /******************************** MENU CONTEXTUAL*****************************************/
            /****************************************************************************************/

                a.level1 {
                    text-decoration: none;
                    border-style: none;
                    padding-left: 32px;
                }


        /****************************************************************************************/
        /********************************CONTENIDO LANDING*****************************************/
        /****************************************************************************************/

        section#ContenidoLanding {      

            .nopaddingleft {
                padding-left: 0;
                padding-right: 0;  
            }

            .container.contentbreadcrumb {   
                width: 100%;
                padding: 0px;
            }


        }   

         /****************************************************************************************/
        /********************************DETALLE ALBUM*****************************************/
        /****************************************************************************************/
        section#detalle-album-fotos {

             .sectionDetalleAlbum{

                ul#gallery {
                    width: 100% !important;  
                    /* margin: 0 auto; */
                    background: #f2f2f2;
                    margin-bottom: 20px;
                    margin-top: 43px;
                }

                 ul#sub_gallery {                    
                        padding: 0px;
                        margin-bottom: 50px;
                        width: 100%;                  
                        margin-bottom: 100px;
                        float: left;


                         .contentimg {
                            height: 98px;
                            width: 97px;                        
                        }

                        li .imgGaleriaAlbum {                       
                            height: 98px;
                        }
                                                                           
                }  
            }
       }
   
   
   
        section#detalle-album-fotos .sectionDetalleAlbum ul#gallery .imgGaleriaAlbum.totalimg {
        width: 100%;
        margin-bottom: 80px;
        }


        /****************************************************************************************/
        /********************************BLOG*****************************************/
        /****************************************************************************************/
     
        div#blogcontainer {
    width: 100%;
    padding: 0px;

    
     .menuuno {
        padding-right: 0px;
        padding-left: 0px;
        margin-bottom: 50px;
    }
    
     h1.titleBlof {
        margin-bottom: 30px;
        margin-top: 0px;
    }
     
 }


        /****************************************************************************************/
        /********************************Atencion ala ciudadania*****************************************/
        /****************************************************************************************/
     
         section.atencionCiudadana {

        .pageatecion {
            padding-left: 0px;

            .contentAtencion .infoInteres.contentborde {               
                height: 274px;
            }

            .contentborde {              
               height: 232px;;
            }
        }
    }



        /*=========================================================================================================*/
        /*=======================================DETALLE VIDEOS=====================================================*/
        /*=========================================================================================================*/

         section#detalleVideo {

         .listavideos{
                ul{
                    li{
                    
                    }
                }
            }

        div#contenedorvideos {
                width: 100%;
            }

        .portadadetalle {

            .listavideos ul {
                width: 100%;            
            }

             .embed-responsive-16by9 {
                    width: 92%;
                    margin: 0 auto;
                }

        }



            .listadetalle {  
             
            .listavideos ul li:first-child .imagenvideo {
                margin-left: 0px;   
            }
        }

    }


        /*=========================================================================================================*/
        /*=======================================DETALLE AUDIOS=====================================================*/
        /*=========================================================================================================*/

        section#audios {
   
    div#contenedorAudio {
        width: 100%;
    }


    div#listaAudios {
        width: 100%;
    }


    .contenedoraudio {
        width: 100%!important;        
   }


   div#audioWrap {
        width: 90% !important;       
  }
   
}  


        /****************************************************************************************/
        /********************************NORMATIVIDAD*****************************************/
        /****************************************************************************************/

         section#contNormatividad {
        .container {
            width: 100%;
            padding: 0px;
        }
    
        .nopaddingleft {
            width: 100%;
            padding-right: 0px;
        }

        .contentdocumento {
            width: 100%;
        }

        .nombreDocumento {
            word-wrap: break-word;
            margin-bottom: 17px;
        }

        .sizeDocumento {
            display: inline-block;
            margin-left: 2%;
        }

        .calificacion{
            display: none;
        }

       .panel-heading .accordion-toggle:after {
            font-family: 'Glyphicons Halflings';
            content: "\e114";
            color: grey;
            font-size: 10px;
            padding-top: 2px;
            position: absolute;
            left: 18px;     
        }


        .encabezado{ 
            .nombre {
                    font-size: 19px;
                     margin-bottom: 0px;
            }
            .descripccion {
                    display: none;
                
            }
               .publicacion {  
                    display: none;
            }
            .verdc {
                   display: none;
            }
        }

            .contDocs {
                .formatoDocumento {
                    padding-left: 0px;
                    margin-bottom: 28px;
                }

                .descripcionDocumento {
                    margin-bottom: 20px;
                }

         }

    }



    
         /****************************************************************************************/
        /********************************PREGUNTAS FRECUENTES*****************************************/
        /****************************************************************************************/

         #contFaq .scrollPreguntas {
    height: 96px;   
    overflow-y: hidden;
    overflow-x: scroll;
    position: relative; 
}

        /******************************************************/
        /***********************Historico boletin********/
        /******************************************************/
        .contHBoletines #BoletinBloques2 .imagen {
              height: 293px;
              min-height: 280px;    
        }

        .suscribe {
        
        .contEmail {
            padding-right: 15px;
            padding-left: 15px;
            width: 100%;  
        }

        .contEnviar {
            padding-left: 15px;
                width: 100%;
        }  

        .textSusc {
            margin-top: 30px;
            margin-bottom: 20px;
        }
    }


    
        /******************************************************/
        /***********************LISTADO DE DOCUEMENTOS********/
        /******************************************************/

         #listadoDocumentos {
        .container {
            width: 100%;
            padding: 0px;
        }
    
        .nopaddingleft {
            width: 100%;
            padding-right: 0px;
        }

        .contentdocumento {
            width: 100%;
        }

        .nombreDocumento {
            word-wrap: break-word;
            margin-bottom: 17px;
        }

        .sizeDocumento {
            display: inline-block;
            margin-left: 2%;
        }

        .calificacion{
            display: none;
        }

       .panel-heading .accordion-toggle:after {
            font-family: 'Glyphicons Halflings';
            content: "\e114";
            color: #0177c0;
            font-size: 10px;
            padding-top: 2px;
            position: absolute;
            left: 18px;     
        }


        .encabezado{ 
            .nombre {
                display: none;
            }
            .descripccion {
                display: none;
            }
        }

            .contDocs {
                .formatoDocumento {
                    padding-left: 0px;
                    margin-bottom: 28px;
                }

                .descripcionDocumento {
                    margin-bottom: 20px;
                }

         }

    }






            /********************************************************************************/
             /*******************************SGI*********************************/
            /********************************************************************************/
            
            section#sistemaGestionIntegral {  

        .centraSGI {    
            width: 33% !important;     
            left: 34% !important; 
        }

        .indicadorSGI {        
              ul.indicadorgeneral li.dfwp-item .progress {
                height: 40px;
                padding: 0px !important;
            }
         }

      .sgi-content {
        width: 100% ; 


        .linkCirculo {    

                .titulo{
                   font-size: 28px !important;
                    line-height: 28px !important;
                }
                .descripcion{
                    font-size: 14px  !important;
                   line-height: 14px  !important; 

                }   
   
            }  
                 
       }  




      ul.listadoDocumentosNoDescripccion .columnasListaDocumentosSoloNombre a .nombreDocumento {
            color: #0177c0 !important;
            font-size: 16px;
            line-height: 23px;
            font-family: 'ubuntumedium' !important;
        }

        ul.listadoDocumentosNoDescripccion .columnasListaDocumentosSoloNombre .imagenesPredefinidasPresentacion img {
            width: 29px;
          
        }
    }
            
            /********************************************************************************/
            /*******************************DETALLE INDICADFOR SGI*********************************/
            /********************************************************************************/
           section#detalleIndicador {
            .indicador{
                width: 100%;
                text-align: center;           
            } 


             .contenido-slider {
                    width: 100%;
                    margin-top: 40px;

                    

                 ul#indicadoreslist {
                        position: relative; 
                       
                       
                    }

                 .contesliderdetalle{
                        position: relative;
                        
                        
                    }
            }

             ul.indicadorgeneral li.dfwp-item .progressContainer.vertical {                
                 width: 20%;              
            }
        }

             /********************************************************************************/
            /*******************************Detalle indicador general*********************************/
            /********************************************************************************/
            section#detalleIndicadorGeneral  {   
        
        ul.DetalleIndicadorGeneral{

                .IindicadorInfoDetalle {
                    width: 100%;

                     .infoIndTitulo {
                        padding-left: 0;

                        span {                
                            font-size: 17px !important;                
                        }
                    }
                }

            .indicadorImagen {   
                width: 100%;

                .contentbarraV {                      
                   transform: rotate(-90deg) translateX(-18px) translateY(259%) !important;  
                  
                } 
            }           
             
        }


    }

            /********************************************************************************/
            /*******************************MAPA COOPERATIVAS INSCRITAS*********************/
            /********************************************************************************/

             #mapacooperativas{
         div#map-canvas {    
            margin-top: 25px;
        }
      }




        /***************************************************************/
        /*********formulario PQRD**************************************/
        /******************************************************************/
 



    /********************************************************************************/
    /*******************************NIÑOS*******************************************/
    /********************************************************************************/

    section.conenidoNinos{
            
    .fondocontenido.container {                  
            top: -79px;                  
            width: 95%;
        }
    }
  
    section#contFaq{
        .container.contenidoinfoFaqninod {
            top: -79px;                  
            width: 95%;
        }
    }
    section#contGlosarioNinos{

    .container.listglosario {       
        top: -68px;
    }

        .scrollglosario {
            height: 76px;   
            overflow-y: hidden;
            overflow-x: scroll;
            position: relative;
        }


           .glosario > li {
   
                width: 3.3%;
            }

            .list {   
               min-width: 1300px;               
            }
    }


    .colInfeTwo{            
                .contardoV{
                    float:none !important;
                }
            } 
    
} 





/*==============================================================================================================================**/
/*==============================================================================================================================**/
/*==============================================================================================================================**/

  

     @media (max-width: 1199px) and (min-width: 1000px){

    /********************************************************************************/
    /*******************************ENCABEZADO seguro para SU AHORRO*********************************/
    /********************************************************************************/
    header#seguroparasuahorro{
       .logoFogacoop span {
        font-size: 14px;
       }
     .cont_primerheader .redesFlotantes ul.cont_redesFlotantes li {
        width: 30px;
        position: relative;
        top: 3px;
        margin-right: 5px;
    }

}



    /*******************************FIN ENCABEZADO seguro para SU AHORRO*********************************/



    /********************************************************************************/
    /*******************************ENCABEZADO*********************************/
    /********************************************************************************/
    .container-fluid.superContHeader {
        .contHeaderLogos { 
            .contLogoMenu {       

            .logoFogacoop{

            	  

            }

            .minhaciendaLogo {

            }


				.miniMenuH {
				    display: inline-block;
				    margin-top: 39px;				    
				    padding: 5px; 
				}
				       
  
                .miniMenuH ul {
                    display: inline-block;
                    /*padding-left: 39px !important;*/ 
                    left: 0px;
                    li {  
                        padding-right: 8px;
                        a {                        
                            font-size: 16px;                        
                        }
                    }
                } 
                 
            } 

            .logosGobierno #imgMinHacienda {
                width: 157px;
                height: 41px;
                
            }
            .logosGobierno #imgLemaGov {
               /*width: 122px;*/                                       
            }
        }
    }


    /********************************************************************************/
    /*******************************WidgetNoticias  *********************************/ 
    /********************************************************************************/
    section#noticias{
        .WidgetNoticias {

            .imagennoti {
               /* width: 278px;   */
                    width: 92%px;    
                
                img {
                    width: 100%;
                }
            }

            .contBtnRedes {
                position: relative;
                width: 100%;
                top: 0;
                margin-top: 10px;
                left: 0;
            }

            .ver {
              width: 45%;  
               .btn-go { 
                 padding: 0px;  
                }
            }
        }
}



    /********************************************************************************/
    /*******************************WidgetBoletin  *********************************/ 
    /********************************************************************************/

    section#noticias{
    
        .WidgetBoletin {
            padding-left: 44px;        
        }
        .noti {
            position: relative;
            float: left;
            width: 100%; 
        }

        .imagenBoletin {
            width: 98px;
        
        }
 
        .contBtnRedes {  
            position: relative;
            width: 100%;
            top: 0;
            margin-top: 10px;
            left: 0;
        }
   

        .WidgetBoletin .ver {
    
        width: 100%;
    
    }

        .WidgetBoletin .ver .btn-go {
        
            padding:0 !important; 
       
        }
    }


    /****************************************************************************************/
    /********************************PREGUNTAS FRECUENTES*****************************************/
    /****************************************************************************************/

    #contFaq .scrollPreguntas {
    height: 96px;   
    overflow-y: hidden;
    overflow-x: scroll;
    position: relative; 
}
    
    /****************************************************************************************/
    /********************************NORMATIVIDAD*****************************************/
    /****************************************************************************************/

    section#contNormatividad {
        .container {
            width: 100%;
            padding: 0px;
        }
    
        .nopaddingleft { 
            width: 100%;
            padding-right: 0px;
        }

        .contentdocumento {
            width: 100%;
        }

        .nombreDocumento {
            word-wrap: break-word;
            margin-bottom: 17px;
        }

        .sizeDocumento {
            display: inline-block;
            margin-left: 2%;
        }

        .calificacion{
            display: none;
        }

       .panel-heading .accordion-toggle:after {
            font-family: 'Glyphicons Halflings';
            content: "\e114";
            color: grey;
            font-size: 10px;
            padding-top: 2px;
            position: absolute;
            left: 18px;     
        }


        .encabezado{ 
            .nombre {
                font-size: 18px;
            }
            .descripccion {
                font-size: 18px;
            }
               .publicacion {  
                font-size: 18px;
            }
            .verdc {
                font-size: 18px;
            }
        }

        .contDocs {
                .formatoDocumento {
                    padding-left: 0px;
                    margin-bottom: 28px;
                }

                .descripcionDocumento {
                    margin-bottom: 20px;
                }

         }

    }
 

    /************************************/
    footer .menufooter #enlacesFooter li.dfwp-item a {        
        font-size: 11px;   
    }
    footer .lastAct li {            
        font-size: 11px;  
        padding: 1px 19px 8px 0px;         
    }  
    footer .lastAct a span {
        margin-left: 10px;
        font-size: 11px; 
       padding: 5px 0px 8px 0px;  
    }    

footer .contentMenuFooter .container { 
    padding-left: 7px;
    padding-right: 7px;
}
  

    /*******************************ajuste redes sociales*********************************/
    .cont_primerheader {

    .redesFlotantes li {
        display: inline-block;
        width: 22px;
        position: relative;
        top: 3px;
        margin-right: 3px;
    }

    .buscadorHeader .ms-srch-sb > .ms-srch-sb-searchLink {
        height: 34px;
        width: 28px;
        position: absolute;
        right: 5px;
        top: -2px;
    }     

   .redesFlotantes ul.cont_redesFlotantes .cont_iconoRedes a svg {
      height: 25px !important;
   }
}


   /*******************************SGI*********************************/

   section#sistemaGestionIntegral {

           .indicadorSGI {        
              ul.indicadorgeneral li.dfwp-item .progress {
                height: 40px;
                padding: 0px !important;
            }
         }
  
        .centraSGI {    
            width: 30% !important;     
            left: 35% !important;   
        }

         .sgi-content {
             width: 100%;   

             .linkCirculo {    
                width: 64% !important;     
                left: 17% !important; 
   
            }           

        }    

    }

    /********************************************************************************/
    /*******************************DETALLE INDICADFOR*********************************/
    /********************************************************************************/


     section#detalleIndicador {

        .indicador{
            width: 100%;
            text-align: center;
            
        }
  
         .contenido-slider {
                width: 100%;                    

        ul#indicadoreslist {
            position: relative;                   
        }

        .contesliderdetalle{
            position: relative;                    
        }
   }


            ul.indicadorgeneral li.dfwp-item .progressContainer.vertical {                
                width: 20%;              
            }
        }



     /********************************************************************************/
    /*******************************Detalle indicador general*********************************/
    /********************************************************************************/
    section#detalleIndicadorGeneral  {   
        
        ul.DetalleIndicadorGeneral{

            .IindicadorInfoDetalle {
                width: 60%;

                    .infoIndTitulo {
                    padding-left: 0;

                    span {                
                        font-size: 17px !important;                
                    }
                }
            }

            .indicadorImagen {  
                    width: 40%;

            .contentbarraV {                   
                transform: rotate(-90deg) translateX(-18px) translateY(98%) !important;
                  
            }  
        }           
             
      }
   }



   /********************************************************************************/
    /*******************************WIDGE NOTICIAS*******************************************/
    /********************************************************************************/


    /********************************************************************************/
    /*******************************NIÑOS*******************************************/
    /********************************************************************************/
        section.conenidoNinos{
            
            .fondocontenido.container {                    
                    top: -79px;                  
                    width: 80%;
                }
        }
  
         section#contGlosarioNinos{

             .container.listglosario {       
                top: -68px;
            }
            .scrollglosario {
            height: 76px;  
            overflow-y: hidden;
            overflow-x: scroll;
            position: relative;
        }

         .glosario > li {
   
                width: 3.3%;
            }
              .list {   
                 min-width: 1300px;             
            }
       }
     
        .colInfeTwo{
            
            .contardoV{
              float:none !important;
            }
        } 
   
}


    /*=========================================================================================================================*/
    /*=========================================================================================================================*/
    /*=========================================================================================================================*/



@media (min-width: 481px) and (max-width: 768px) {

    /********************************************************************************/
    /*******************************ENCABEZADO seguro para SU AHORRO*********************************/
    /********************************************************************************/
    header#seguroparasuahorro{
       .logoFogacoop span {
        font-size: 14px;
        text-align: center;
       }
       .cont_primerheader .redesFlotantes ul.cont_redesFlotantes li {
        width: 30px;
        position: relative;
        top: 3px;
        margin-right: 5px;
    }

      /* .logo-seguro {
		    width: 70%;
		    float:left;

		    img#imgseguro {   
    			width: 201px !important;
    	   }

    	   img{
    	   	height: 40px !important;
    	   }
		}*/

		/*.logoFogacoop {
		    width: 30%;
		    float:left;

		    img {    
	  		  position: relative; 
	  		  height: 35px !important;
			} 
		}*/

 
     /*  .superContHeader.container a img {
    width: 30%;
    margin: 0 auto;
        margin: 0 auto;
    display: block;
    max-width: 100%; 
    height: auto;
}*/
}


   footer#seguroparasuahorroFooter {

    	.logosGobierno{
	        padding-top: 0px;  
	        width: 100%;
            margin-bottom: 20px;

             img {
                width: 320px;
                height: 68px;
                margin: 0 auto; 
            } 
	    }

	    .contFooter1 {
	        height: auto;
	    	 margin-top: 0%;
	    	.sedePrincipal ul li p {		   
			    text-align: center;
			}
	    }
    }


  /*******************************ENCABEZADO seguro para SU AHORRO*********************************/

     section.atencionCiudadana {
        .pageatecion {
            padding-left: 0px !important;
             .iconatencion {
                padding: 0px;

                ul.atencionc {
                    margin: 0px;
                    padding: 0px;

                        li.dfwp-item {

                        .iconAtencion {

                            .imgatencion {
                                   height: 78px !important;
                                    width: 77px !important;
                                    display: block !important;  
                            }
                        }
                    }
                }   
                
            }

            .itemscategoria   {        
                        
                ul.atencionc {
                    margin: 0px;
                    padding: 0px;

                    span.read-more .masver {                          
                        display: block;
                    }
                    span.read-more {
                        position: absolute;
                        right: 36px;
                        top: -53px;
                    }
                    .box-canal {
                        margin-top: 37px;
                        display: none;          

                    }
                        
                }
            }   
        }
    }

     #contCooInscritas .nav-tabs {  
    .contUlFAQ{
        overflow: hidden;
        overflow-x: scroll;   
    } 
} 

 }


 /*/@media (min-width: 641px) and (max-width: 767px) {
 

     section#formularioPQRD {    
        .container-fluid.nopaddin.superContHeader {
            padding-right: 15px !important;
            padding-left: 15px !important;
        }
        .container-fluid.nopaddin.superContHeader  .row {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    }
 }*/

 @media (max-width: 1000px) {
    .FixedMenu{
        position: relative !important;
        left: 0px !important;  
    }
 }